<template>
    <el-header>
      <div class="home-logo">
        <img src="~assets/img/homelogo.png" alt="" />
        <span>电商后台管理系统</span>
      </div>
      <el-button type="info" @click="backClick">退出</el-button>
    </el-header>
</template>
<script>
export default {
    name : 'HomeHeader',
    methods: {
        backClick () {
            window.sessionStorage.clear()
            this.$router.replace('/login')
        }
	},
}
</script>
<style lang="less" scoped>
.el-header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding-left: 0px;
  align-items: center;
  background-color: #373d41;
}
.home-logo {
  display: flex;
  align-items: center;
  img {
    height: 50px;
    width: 50px;
    margin-right: 20px;
  }
  span {
    font-size: 22px;
    color: #fff;
  }
}
</style>